<template>
	<view class="body" v-if="detail.goodsImg">
		<div class="top"><goodsCart :content="detail" type="gj"></goodsCart></div>
		<div class="bottom">
			<title title="状态流转"></title>
			<p class="bottom_title">
				<span>品牌商：{{ detail.businessName }}</span>
				<span>加工厂：{{ detail.factoryName ? detail.factoryName : '无' }}</span>
			</p>
			<div class="details">
				<p v-for="item in detail.flowDto" :key="item.unitNo">
					<span>{{ item.labelName }}</span>
					<span>{{ item.createTime }}</span>
				</p>
			</div>
		</div>
	</view>
</template>

<script>
import goodsCart from '../components/goodsCart.vue';
import title from '../components/title.vue';
import { mapGetters } from 'vuex';
export default {
	components: {
		goodsCart,
		title
	},
	data() {
		return {
			unitNo: '',
			detail: {}
		};
	},
	computed: {
		...mapGetters(['currentUnit'])
	},
	onLoad() {},
	onReady() {
		console.log(this.currentUnit)
		this.detail = this.currentUnit;
	},
	methods: {}
};
</script>

<style lang="scss" scoped>
.body {
	background: #fff;
	margin: 20rpx;
	border-radius: 10rpx;
	padding: 30rpx 20rpx;

	.bottom {
		padding: 0 20rpx;
		margin-top: 30rpx;
		.bottom_title {
			color: #333;
			font-size: 28rpx;
			text-align: center;
			margin-top: 30rpx;
			span {
				margin: 0 30rpx;
			}
		}
		.details {
			p {
				display: flex;
				align-items: center;
				justify-content: space-between;
				font-size: 26rpx;
				color: #777;
				margin-top: 40rpx;
			}
		}
	}
}
</style>
